<div class="row sectionBlockLayout sectionPrimaryColor" style="display: flex; flex-wrap: wrap; height: 15px; min-height: 15px;padding: 8px; margin: 0px;">
</div>
<div class="row sectionBlockLayout text-left" style="display: flex; flex-wrap: wrap; padding: 8px; margin: 0px; min-height: 361px; background: url('/wave-background.png');">
    <div class="container" style="display: flex; flex-wrap: wrap;">
      <div class="col-md-12 columnBlockLayout" style="flex-grow: 1; display: flex; flex-direction: column; min-width: 300px; padding: 16px; margin: 60px 0px;">
        <h1>Pages</h1>
        <p>This section can be used to introduce the contents of the subpages and encourage your target audience to explore those pages. If this content gets too long, consider splitting it into two smaller paragraphs.</p>
      </div>
    </div>
</div>
<div class="row sectionBlockLayout" style="display: flex; flex-wrap: wrap; margin: 0px; text-align: center; min-height: 374px; padding: 8px;">
    <div class="container" style="display: flex; flex-wrap: wrap;">
      <div class="col-md-6 columnBlockLayout" style="flex-grow: 1; display: flex; flex-direction: column; min-width: 300px; padding: 16px; margin: 60px 0px;"><img src="/subpages.png" name="Subpages.png" alt="Subpages" style="max-width: 100%; width: 70%; height: auto; margin-left: auto; margin-right: auto;">
        <h3>SUBPAGE 1</h3>
        <p>Create a short description or engaging message to motivate your audience to take action</p>
      </div>
      <div class="col-md-6 columnBlockLayout" style="flex-grow: 1; display: flex; flex-direction: column; min-width: 300px; padding: 16px; margin: 60px 0px;"><img src="/subpages.png" name="Subpages.png" alt="Subpages" style="max-width: 100%; width: 70%; height: auto; margin-left: auto; margin-right: auto;">
        <h3>SUBPAGE 2</h3>
        <p>Create a short description or engaging message to motivate your audience to take action</p>
      </div>
    </div>
</div>
<div class="row sectionBlockLayout sectionPrimaryColor" style="display: flex; flex-wrap: wrap; text-align: center; min-height: 300px; padding: 45px 8px; margin: 0px;">
    <div class="container" style="display: flex; flex-wrap: wrap;">
      <div class="col-md-12 columnBlockLayout" style="flex-grow: 1; display: flex; flex-direction: column; min-width: 300px; padding: 16px; margin: 60px 0px;">
        <h4>Introduce another idea</h4>
        <p>This section can be used to offer supporting information or introduce a new idea. It's best to keep it relevant to the contents of the page so it doesn't feel out of place.</p>
      </div>
    </div>
</div>